<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚学院-报告通知</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">

</head>

<body>
<div class="app-wrap" v-cloak id="jxy_notice">
    <header-top></header-top>
    <header-search-global type="企业"></header-search-global>
    <common-top-nav cur="聚学院"></common-top-nav>
    <div class="bg-gray">
        <div class="container">
            <common-crumb :crumblist="crumblist"></common-crumb>
           <div class="notice_con">
                <el-button @click="clearAll()">清空所有通知</el-button>
                <div class="notice_list"  v-for="(item,index) in notice_data">
                    <div class="notice_item clear">
                        <i @click="delete_notice($event,index)" class="el-icon-arrow-down"></i>
                <button type="button" class="el-button el-button--default" v-show="showDeleteMenu == index" @click="remove_notice(index)">删除</button>
            
                        <div class="notice_item_left">
                            <img src="../../img/notice_img1.png" alt="">
                        </div>
                        <div class="notice_item_con">
                            <h3>{{item.title}}</h3>
                            <p>讲师: <span>{{item.name}}</span></p>
                            <p>{{item.con}}</p>
                            <div class="address">
                                <i class="el-icon-location-outline"></i>
                                <span class="add_info">{{item.address}}</span>
                                <span class="date">{{item.date}}</span>
                            </div>
                        </div>
                    </div>
                </div>
           </div>
        </div>
    </div>
    <common-footer></common-footer>
   
</div>
<script src="../../lib/js/vue.js"></script>
<script src="../../lib/js/axios.min.js"></script>
<script src="../../lib/js/elementui.min.js"></script>
<!-- mock 数据 打包发布的时候记得移除 -->
<script src="../../lib/js/mock.js"></script>
<script src="../../js/all.min.js"></script>
<script>
    notice();
</script>
</body>

</html>